<template>
	<div class="default-page">
		<van-image width="3.52rem" height="2.76rem" :src="require('../assets/imgs/default-page.png')"></van-image>
		<div class="default-hint">{{hint}}</div>
	</div>
</template>

<script>
	export default {
		name: 'default-page',
		props: {
			hint: {
				type: String,
				default: '空空如也'
			}
		}
	}
</script>

<style scoped>
	.default-page {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 20vh;
	}
	
	.default-hint{
		height: 0.4rem;
		font-size: 0.28rem;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		line-height: 0.4rem;
		margin-top: 0.4rem;
	}
</style>
